<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="shortcut icon" href="../../assets/imgs/name.svg" type="image/x-icon">
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../../assets/css/normalize.css">
    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../../assets/css/common.css">
    <!-- 3.本页面单用样式 -->
    <link rel="stylesheet" href="./login.css">
</head>

<body>
    <div class="content clearfix">
        <!-- 左边背景 -->
        <div class="fl con-lef">
            <a href="">
                <img src="../../assets/imgs/login-bg.png" alt="">
            </a>
        </div>

        <!-- 右边输入框 -->
        <div class="box fr">
            <div class="account">
                <a href="../home/home.html">
                    <img src="../../assets/imgs/loginlogo.png" alt="">
                </a>
                <!-- 登录方式/注册公用样式-->
                <div class="login-method">
                    <a href="javascript:" class="active" id="num">账号登录<span></span></a>
                    <a href="javascript:" id="sacn-code">扫码登录<span></span></a>
                </div>

                <div class="one">
                    <!-- 账号输入 -->
                    <div class="inputs clearfix" id="to-login">
                        <div class="bank">
                            <span></span>
                            <input type="text" name="" id="bankInp" placeholder="用户名/手机号/邮箱">
                            <img id="bankImg" src="../../assets/imgs/clearInput.png" alt="">
                        </div>
                        <!-- 判断信息是否正确时提示信息 -->
                        <div class="judge">
                            <p class="userbox">请正确输入用户名</p>
                        </div>

                        <div class="pwd">
                            <span></span>
                            <input type="password" name="" id="pwdInp" placeholder="密码">
                            <img id="pwdImg" src="../../assets/imgs/clearInput.png" alt="">
                        </div>
                        <!-- 判断信息是否正确时提示信息 -->
                        <div class="judge">
                            <p class="passbox">请正确输入用户密码</p>
                        </div>

                        <!-- 忘记密码 -->
                        <p class="forgotpwd clearfix"><a href="">忘记密码</a></p>
                        <!-- 登录点击 -->
                        <input type="button" value="登录" id="loginBtn" class="login-btn">

                        <!-- 注册账号 -->
                        <p class="have">
                            还没有源码账号，
                            <a href="../register/register.html">立即注册</a>
                            <span></span>
                        </p>
                    </div>
                </div>

                <!-- 扫码登录 -->
                <div class="scan" style="display: none;" id="sweep">
                    <div class="code">
                        <img src="../../assets/imgs/showqrcode.jpg" alt="">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号，请先关注后再登录</p>
                    </div>
                    <!-- 注册账号 -->
                    <p class="have">还没有源码账号，
                        <a href="../register/register.html">立即注册</a>
                        <span></span>
                    </p>

                </div>
            </div>

        </div>
    </div>
    <script src="./login.js"></script>
</body>

</html>